/* 
    Document   : style
    Created on : 19-dic-2013, 4:27:40
    Author     : gustavo
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
*{
    margin: 0;
    margin:0;
    /*font-size:12.2px;*/
    font-family: sans-serif;
}
body{
    background-color: #E8E6F2;
}

.page{
    font-size:12.2px;
    width: 90%;
    margin: 0 auto;
    background-color: #fafafa;
}
.d_main_layout{
    width:100%;
    min-height: 400px;
    float:left;
}
.ul_page{
    /*height: 70%;*/
    width: 100%;
    float:left;
    border: 1px solid #CBD3D6;
    padding:0;
}
.ul_page li{
    width:100%;
    float: left;
}

.d_titulo_modulo{
    margin: 1% 0 1% 0;
    font-size:1.5em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color:#0073AE;
    float:left;
}

.d_description_module{
    color:#000;
    font-size: 1.5em;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    float:left;

}

.tl_header{
    background-color: #245F7D;
    width:100%;
    font-size:12.2px;
}
.tl_footer{
    width:100%;
    background-color: #4B4E4F;
    height:150px;
    color:white;
}
.footerlogo{
    width:557px;
    height:134px;
}
.ul_footer{
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:.75em;
    list-style: none;
    margin: 1% 0 1% 1%;
    list-style:none;
    height:150px;
}
.ul_footer li{
    display:inline;
}
.ul_footer li a{
    color:#666;
    text-decoration: none;
    margin-left: 5px;
}
.ul_footer li a:hover{
    color:#000;
    text-decoration:underline;
}

.user_info{
    margin-top: 10px;
    width:150px;
    float:right;
}
.user_info img{
    margin-right: 10px;
    width: 30px;
    float: left;
}
/***************************************************************************/

.dback{
    border: 1px solid gray;
        background-color: #fff;
        border: 1px solid #A0A0A0;
        width:40%;        
        margin:0% 0 0 30%;
        padding: 10px;
        #margin-left: 27%;
        height:200px;
        #height:150px;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        float:left;
    }
    .input_text{
        color: #666666;
        font-size: .9em;
        height: 35px;
        border:none;
        border:1px solid #BDC5C9;
        width:130px;
        padding-left:10px;
    }
    fieldset{
        border:none;
        float:left;
        margin:20px;
    }
    fieldset label{
        font-size: 1em;
        width:100%;
        float:left;
    }
.button {
    float:left;
    border:none;
    background-color: #4E77A6;
    color:white;
    font-weight: bold;
    width:110px;
    height:24px;
}
.button:hover {
    border:none;
    color:white;
    font-weight: bold;
    width:110px;
    height:24px;
}
.title_app div{
        padding-top: 4%;
        padding-bottom: 1%;
        width:100%;
        font-size: 5em;
        text-align: center;
        text-shadow:#C1C1C1 0.1em 0.1em 0.4em;
    }
    .description_app div{
        padding-bottom: 1%;
        width:100%;
        font-size: 1.2em;
        text-align: center;
        text-shadow:#C1C1C1 0.1em 0.1em 0.4em;
    }

/***************************************************************************/
.user_info ul{
    list-style: none;
    color: white;
}
.user_info ul li a{
    color: white;
}
.header{
    font-size:12.2px;
    width: 100%;
    float: left;
    height: 159px;
    background: white;
    /*border:1px solid gray;*/
}

.ssalud_logo{
    background-image: url('Ministerio_de_Salud_Chile.jpg');
    background-repeat: no-repeat;
    width: 200px;
    height: 160px;
    float: left;
}
.ssalud_platform{
    width:70%;
    float: left;
}
.ssalud_platform ul{
    text-align: center;
    margin-top: 5%;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 25px;
    text-shadow:#C1C1C1 0.1em 0.1em 0.4em;
}
.ssalud_platform ul li{
    margin-top: 10px;
}
.ssalud_pvirtuales{
    width:10%;
    float: right;
    height: 150px;
    background-image: url('logo_autralchile.jpg');
    background-repeat: no-repeat;
}
.ssalud_pvirtuales label{
    margin-top: 125px;
}

.ul_modules_menu{
    font-size: 13px;
    margin-top: 15px;
    width: 80%;
    float: left;
    list-style: none;
    color:white;
}
.ul_modules_menu li{
    float: left;
}
.ul_modules_menu li label{
    background-color: #213E57;
    border-right: 1px solid #CADEE8;
    padding:10px;
    color:white;
}
.ul_modules_menu li a{
    color:white;
}
.groups{
    width: 90%;
    float: left;
    margin: 0 auto;
    padding-top:20px;
    padding-left:5%;
}
.groups span{
    font-size: 2em;
}
.group{
    margin: 20px 20px 0 0;
    padding: 20px;
    border: 1px solid gray;
    width: 200px;
    float: left;
    /*height: 150px;*/
}
.group p{
    font-size: 1.8em;
    text-transform: capitalize;
}
.group span{
    font-size: 12.5px;
    text-transform: capitalize;
}
#accordionObjects{
    margin-left: 12.5%;
    font-size: 12px;
    margin-top: 20px;
    width: 70%;
    float:left;
}
#accordionObjects .ui-accordion-header{
    padding-left: 40px;
    padding-top: 20px;
    height: 50px;
    font-weight: bold;
    font-size: 16px;
}
#accordionObjects div h4 a{
    color:#0073AE;
}
#accordionObjects div {
    height:150px;
}
.ul_breadcumb{
    color: white;
    font-size:20px;
    padding-top: 20px;
    width: 50%;
    float: left;
    list-style: none;
    text-shadow:#cccccc 0.1em 0.1em 0.4em;
}
/*****************************************************************************/
/*temas*/
.objectsTemas{
    margin-left: 10%;
    width: 90%;
    float:left;
    margin-top: 20px;
    margin-bottom: 100px;
}
.tema{
    margin-top: 20px;
    width:80%;
    /*border: 1px solid gray;*/
    float:left;
}
.tema li{
    float: left;
}
.status{
    border-left: 1px solid #CBCFD6;
    border-top: 1px solid #CBCFD6;
    border-right: 1px solid #CBCFD6;
    text-align: center;
    padding: 5px;
    float: right;
    width:20%;
}
.content{
    border: 1px solid #CBCFD6;
    padding-top: 20px;
    /*height: 200px;*/
    float: left;
    background-color: white;
}
.content img{
    margin-left: 20px;
    width:200px;
    float: left;
}
.detail{
    float: left;
    width:45%;
}
.detail li{
    margin-top: 5px;
}
.resources{
    width: 18%;
    float: right;
}
.li_title{
    font-size: 16px;
    font-weight: bold;
}
.li_description{
    font-size: 12px;
    text-align: justify;
}
.executions{
    margin-top: 20px;
    height:40px;
    width: 100%;
    float: left;
}
.executions span{
    margin-left: 5px;
    float: left;
    margin-top: 5px;
}
.bar_progress{
    margin-left: 20px;
    height:30px;
    float: left;
    width: 70%;
    background-color: #CBD3D6;
    border:1px solid #e6820E;
}
.btn_execute{
    margin-left: 20px;
    float: left;
    width: 10%;
}
/**************** modificar objeto*/
#tab-panel{
    margin: 0 auto;
}
.obj_title{
    padding: 10px 0 0 10px;
    font-size: 20px;
    color:whitesmoke;
}
.obj_description{
    padding: 10px 0 0 10px;
    font-size: 16px;
    line-height: 1.4em;
    color:whitesmoke;
    margin-bottom: 20px;
}
.elem_ppt_slide_img{
    width: 70px;
}
.elem_ppt_slide_detail_img{
    /*width:300px;*/
    /*margin: 10px;*/
    /*border:1px solid gray;*/
}
.textfield_disabled{
    color:red;
}
.btnAnswer{
    background-image: none;
    background-color: red;
}
#divCreatedQuestions{
    /*padding:20px;*/
    border:1px solid #E8E6F2;
}
.test_questions{
    list-style-type: decimal;
        /*margin:0 auto;*/
    width:70%;
    float: left;
}
.test_questions li{
    border-bottom: 1px solid #E8E6F2;
    padding:20px 10px 10px 20px;
    /*background-color:#fefefe;*/
    width:100%;
    float: left;
}
.test_questions li:hover{
    background-color:#F7F7F7;
    /*border:1px solid #E8E6F2;*/
}
.test_questions li button{
    float: right;
}
.test_questions li div{
    width:70%;
    float: left;
}
.question_actions{
    float: right;
    width:110px;
    /*display: none;*/
}
.test_questions li ul{
    padding:0px;
    width:100%;
    float: left;
}
.test_questions li ul li{
    /*background-color:#ffffff;*/
    padding:0px;
    width:90%;
    float: left;
    border-bottom: none;
}
.test_questions li ul li ul li{
    border-bottom: none;
}
.test_questions li ul li:hover{
    /*background-color:#ffffff;*/
    border:none;
}
.test_questions li ul li input{
    width:20px;
    float: left;
}
.test_questions li ul li a{
    width:200;
    text-wrap:  normal;
    float: left;
}
/*.elem_question_title{
    width:70%;
    height:30px;
}*/
/*div.jp-audio,
div.jp-video {
   Edit the font-size to counteract inherited font sizing.
   * Eg. 1.25em = 1 / 0.8em
   
  font-size:1.25em;
}*/